<!--
 * @Author: 千锋爱佛僧
 * @公众号: 大前端私房菜
 * @Slogan: 千锋精品教程，好学得不像实力派！
-->
<!--
 * @Author: 千锋爱佛僧
 * @公众号: 大前端私房菜
 * @Slogan: 千锋精品教程，好学得不像实力派！
-->
<template>
  <div class="cont">
    <div class="box" v-for="item in 6">
      {{ item }}
    </div>
  </div>
  <div class="h-xs m-10 w-xs bg-red"></div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.cont {
  display: flex;
  flex-wrap: wrap;
  padding: 2.25rem;
  .box {
    width: 22rem;
    height: 22rem;
    margin: 2.25rem 2.25rem 2.25rem 0;
    background-color: orange;
  }
  .box:nth-of-type(3n) {
    margin-right: 0;
  }
}
</style>
